﻿.entry .translatedamountcontainer
{
    text-align: right;
}

.entry.income .translatedamount
{
    color: Green;
}
.entry.expense .translatedamount
{
    color: Red;
}

.entry.income .percentage
{
    color: Green;
}
.entry.expense .percentage
{
    color: Red;
}

body#bodytopbarfix
{
    padding-top: 40px; /* To account for the topbar */
}

.topbarsummary
{
    position: absolute;
    right: 0;
    top: 40px;
}

.topbarsummary .name
{
    float: left;
    width: 8em;
}

.topbarsummary .value
{
    font-weight: bold;
    float: left;
    width: 6em;
    text-align: right;
}

#totalincome
{
    color: Green;
}

#totalexpense
{
    color: Red;
}

#surplus
{
    color: Orange;
}

.receiptnumber
{
    padding: 0 3px 2px;
    font-family: Menlo,Monaco, "Courier New" ,monospace;
    color: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

td.right
{
    text-align: right;
}

.justified
{
    text-align: justify;
}

.boxout
{
    padding: 8px;
    background-color: #ffe;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.boxout.green
{
    background-color: #cfa;
}

.boxout.blue
{
    background-color: #acf;
}

.boxout.home
{
    height: 60px;
}
